﻿.spaGalleryView .back {
	padding: 5px 0 0 20px;
	background-image: url(/images/folderup.gif);
	background-position: 0 50%;
	background-repeat: no-repeat;
}

.spaGalleryView .upload {
	padding: 5px 0 0 20px;
	background-image: url(/images/dn.gif);
	background-repeat: no-repeat;
}

.spaGalleryView ul {
	margin: 0;
	list-style: none;
}

	.spaGalleryView ul li {
		position: relative;
		display: inline-block;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		margin: 5px 5px 15px 5px;
		max-width: 112px;
		vertical-align: top;
	}

		.spaGalleryView ul li a {
			display: block;
			width: 100%;
			text-align:center;
		}

		.spaGalleryView ul li img {
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			margin: 0 0 10px;
			padding: 2px;
			max-width: 100%;
			border: 1px solid #ccc;
			background-color: #fff;
			box-shadow: #444 2px 2px 5px;
		}

		.spaGalleryView ul li.folders img {
			border: 1px solid #111;
			border-radius: 15px;
		}

		.spaGalleryView ul li.folders a:after {
			position: absolute;
			top: 5px;
			left: 5px;
			display: block;
			width: 20px;
			height: 20px;
			background: url(/images/FileManager/files/OpenFolder.gif) no-repeat;
			content: " ";
		}

.spaGalleryView a {
	cursor: pointer;
}

.spaGalleryUpload {
	position: relative;
}

	.spaGalleryUpload button {
		display: block;
	}

.clear {
	clear: both;
}

.spaGalleryUpload .back {
	padding: 0 0 0 16px;
	background-image: url(/images/cancel.gif);
	background-position: 0 50%;
	background-repeat: no-repeat;
}

.spaGalleryUpload .fileUploaded {
	display: inline-block;
	padding: 0 36px 0 0;
	background-image: url(/images/green-ok.gif);
	background-position: 100% 50%;
	background-repeat: no-repeat;
}

.spaGalleryUpload .bar {
	display: block;
	height: 16px;
	background-color: #00ff21;
}

#fjp_overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 998;
	display: none;
	width: 100%;
	height: 100%;
	background-color: #000;
	
}

#fjp_lightbox {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	display: none;
	width: 100%;
	height: 100%;
	text-align: center;
	color:#fff;
}

	#fjp_lightbox a {
		display: inline-block;
		padding: 5px;
		color: #fff;
		font-weight: 700;
	}

	#fjp_lightbox img {
		max-width: 80%;
		max-height: 80%;
		border: 10px solid #e6e6e6;
	}

#fjp_light_prev:before {
	display: inline-block;
	content: "<";
	padding: 0 5px;
	font-weight: normal;
	font-family: arial;
	font-size: 1.4em;
	vertical-align: top;
}

#fjp_light_next:after {
	display: inline-block;
	content: ">";
	padding: 0 5px;
	font-weight: normal;
	font-family: arial;
	font-size: 1.4em;
	vertical-align: top;
}
